// pages/findCamp/findCamp.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    value: '',
    hotSearch:[
      {id:1,name:"帐篷营地"},
      {id:2,name:"综合营地"},
      {id:3,name:"接待房车"},
      {id:4,name:"教育研学"},
    ],
    searchHistory:[]
  },
  //确定搜索时触发
  onSearch() {
    this.goSearchResult()
  },
  //点击搜索按钮触发
  onClick() {
   this.goSearchResult()
  },
  //获取到输入框里面的内容跳转到搜索结果页面 同时保存历史记录到本地
  goSearchResult(){
    let result = this.data.value;
    //判断是否有输入 并且去除首尾空格
    result = result.trim();
    // console.log(result,"输入框内容")
    if(!result) {
      wx.showToast({
        title: '请输入搜索内容',
        icon:'none'
      })
      return;
    }
    wx.navigateTo({
      url: `/pages/searchResult/searchResult?result=${result}`,
    })
    // 保存搜索历史记录 存储到数组中
    if(result) {
      let searchHistory = this.data.searchHistory;
      //判断数组中是否有该搜索记录
      let index = searchHistory.indexOf(result);
      //找到的话 截取掉 重新添加进去
      if(index !== -1) {
        searchHistory.splice(index,1);
      }
      searchHistory.unshift(result);
      this.setData({
        searchHistory
      })
     //将数组存储到本地
     wx.setStorageSync("search-history",searchHistory);
     this.setData({
       value:''
     })
     wx.showToast({
       title: '搜索成功',
       icon:'success'
     })
    }
  },
  //清除记录
  clearHistory(){
    console.log(this.data.searchHistory,"11")
    if(this.data.searchHistory.length) {
      wx.showModal({
        title: '提示',
        content: '是否清空搜索历史记录',
        success: (res) => {
          if(res.confirm) {
            this.setData({
              searchHistory:[]
            })
            wx.setStorageSync("search-history",[]);
          }
        }
      })
    }
  },
  // 点击热门搜素或者搜索历史
  // 获取到点击的搜索内容 把id和name 传给搜索结果页面
  clickHistory(e){
    // 如果没有传递id那么设置id默认值为0
    let {id=0,name} = e.currentTarget.dataset;
    wx.navigateTo({
      url: `/pages/searchResult/searchResult?id=${id}&name=${name}`,
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    //进页面时候获取本地存储的搜索历史记录 同步获取
    let searchHistory = wx.getStorageSync("search-history");
    if(searchHistory) {
      this.setData({
        searchHistory
      })
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})